<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skylar TV</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/slimbox2.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
.picture-container {
	text-align: left;
}
.yt-preview-container {
	padding: 12em 50em 2em 2em;
}
#styleWithId {
	color:white;
	text-transform:uppercase;
	background:#990000;
}
#styleWithId {
	background:black;
}
#styleWithId {
	background:#ffffff !important;
}
#styleWithId {
	background:blue;
}
.noborder {
	border: none;
}
.project-content-right{
	width: 430px;
}
.project-content {
	padding: 75px 60px 0 60px;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.shadow {
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.mv-review th, .mv-review td{
	font-family: Myriad;
	font-size: 85%;
}
.mv-review th {
	font-weight:bold;
}
.mv-review td p{
	font-size: 100% !important;
	margin: 0 0 1em 0;
}
.mv-review-wrapper {
	padding: 35px 0;
}
.ab {
	float: right;
}
.ft {
	float: right;
}
.bt-scene-tile-wrapper {
	width: 450px;
}
</style>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="headerBanner"><a href="index.html"><img src="images/skyTV_LOGO-01.png" alt="skylartv" width="205" height="248" /></a></div>
	
    <div id="headerMenu">
		<div class="menu-bar-wrapper">
			<ul class="top-menu-bar ct">
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="index.html" class="menu-item-ln">HOME</a>
					</span>
				</li>
				
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="update.html" class="menu-item-ln">Update</a>
					</span>
				</li>
				<li class="menu-item-list active">
					<span class="menu-bg-wrapper-left active"><a href="work.html" class="menu-item-ln active">PROJECT</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="whoishwo.html" class="menu-item-ln">Who's Who</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="contact.html" class="menu-item-ln">Contact</a>
					</span>
				</li>
			</ul>
			<BR class="cb"/>
		</div>
	</div>
  </div>
  <div id="center">
  <div class="content-wrapper">
  
  <!-- -->
  <div class="top-content">
	  <div class="top-title-wrap">
		  <div class="top-title-red">
		  	<div class="top-title-name fl">
		  	  <div class="caption-text">SI KUFUR BERSUAMI MULIA</div>
		  	</div>
			
			<div class="top-title-date fl">
			  <div class="date-text">
			    <div class="sm-text"></div>
			  </div>
			</div>
			<br class="cb"/>
		  </div>
	  </div>
    </div>
  <!-- -->
	<div class="project-content">
		<div class="project-content-left fl">
		  <div class="mv-thumb-wrapper">
		  	<div class="mv-thumb-pic ct">
				<img src="images/kufur-poster.jpg" alt="vwkodok-thumb" width="153" height="224" class="noborder shadow">
			</div>
        </div>
		</div>
		<div class="project-content-right fr">
		  <div class="bt-scene-tile-wrapper">
		  						  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_01.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-01.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_02.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-02.png" class="noborder"/>
				</a> 
			  </div>
			</div>
            
            <div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_07.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-07.png" class="noborder"/>
				</a> 
			  </div>
			</div>
            
            
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_03.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-03.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_04.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-04.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_05.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-05.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_06.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-06.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_07.jpg" title="si kufur"></a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_08.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-08.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_09.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-09.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_10.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-10.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_11.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-11.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_12.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-12.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="images/si-kufur/kufur-2/kfr_13.jpg" title="si kufur">
					<img src="images/si-kufur/kufur-1/kfr-13.png" class="noborder"/>
				</a>
			  </div>
			</div>
					  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl"></div>
			</div>
				<br class="cb"/>
		  </div>
		</div>
		<br class="cb"/>
	</div>
  </div>
  </div>
  
  <div id="wb_Image5" style="position:absolute; left:0px; top:1064px; width:769px; height:82px; z-index:11; padding:0;">
<img src="images/footer.jpg" id="Image5" alt="" border="0" style="width:769px;height:82px;"></div>

	<div id="wb_Text3" style="position:absolute; left:431px; top:1108px; width:174px; height:28px; z-index:12;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;"><strong>Skylar Television</strong> is a member of:</span></div>

	<div id="wb_Text4" style="position:absolute; left:44px; top:1108px; width:306px; height:16px; z-index:13;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;">Copyright </span><span style="color:#4B4B4B;font-family:Arial;font-size:13px;">&#169; </span><span style="color:#4B4B4B;font-family:Arial;font-size:11px;">2012. All Right Reserved. Designed by S.W.A.T</span></div>

<div id="wb_Image12" style="position:absolute; left:592px; top:1069px; width:194px; height:88px; z-index:14; padding:0;">
<a href="http://www.stro-world.com" target="_blank"><img src="images/swlogo.png" id="Image12" alt="" border="0" style="width:194px;height:88px;"></a></div>
  
  
  
</div>
</body>
</html>
